﻿<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
	<title>系統開放時間設定</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>



</head>
<style type="text/css">
<!--
	h1 {
		text-align:center;
		background:#555;
		color:white;
		}
	h4 {text-align:center;}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.abgne_tab {
	clear: center;
	width: 650px;
	/*margin: 10px 0px;*/
	margin: 0px auto;
}
ul.tabs {
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
ul.tabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #999;
	border-left: none;
	background: #e1e1e1;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	border: 1px solid #fff;
	text-decoration: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs li.active  {
	background: #fff;
	border-bottom: 1px solid#fff;
}
ul.tabs li.active a:hover {
	background: #fff;
}
div.tab_container {
	clear: left;
	width: 100%;
	border: 1px solid #999;
	border-top: none;
	background: #fff;
}
div.tab_container .tab_content {
	padding: 20px;
}
div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}

-->
</style>

<script type="text/javascript">
$(function(){
	// 預設顯示第一個 Tab
	var _showTab = 0;
	$('.abgne_tab').each(function(){
		// 目前的頁籤區塊
		var $tab = $(this);
 
		var $defaultLi = $('ul.tabs li', $tab).eq(_showTab).addClass('active');
		$($defaultLi.find('a').attr('href')).siblings().hide();
 
		// 當 li 頁籤被點擊時...
		// 若要改成滑鼠移到 li 頁籤就切換時, 把 click 改成 mouseover
		$('ul.tabs li', $tab).click(function() {
			// 找出 li 中的超連結 href(#id)
			var $this = $(this),
				_clickTab = $this.find('a').attr('href');
			// 把目前點擊到的 li 頁籤加上 .active
			// 並把兄弟元素中有 .active 的都移除 class
			$this.addClass('active').siblings('.active').removeClass('active');
			// 淡入相對應的內容並隱藏兄弟元素
			$(_clickTab).stop(false, true).fadeIn().siblings().hide();
 
			return false;
		}).find('a').focus(function(){
			this.blur();
		});
	});
});
</script>



<body>

<h1>系統開放時間設定</h1>

	
	<div class="abgne_tab">
		<ul class="tabs">
			<li><a href="#tab1">星期一</a></li>
			<li><a href="#tab2">星期二</a></li>
			<li><a href="#tab3">星期三</a></li>
			<li><a href="#tab4">星期四</a></li>
			<li><a href="#tab5">星期五</a></li>
			<li><a href="#tab6">星期六</a></li>
			<li><a href="#tab7">星期日</a></li>


		</ul>
 <form id="system_set" action="fun_system_time.php" method="post">
		<div class="tab_container">
			<div id="tab1" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="mon";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab2" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="tue";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab3" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="wed";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab4" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="thu";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab5" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="fri";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab6" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="sat";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
			<div id="tab7" class="tab_content">
				<h3>請勾選欲啟用時間(請注意！時間填寫為24小時制)</h3>
				<h3>操場</h3>
				<?
				$wek="sun";
				$mark="a";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-';
					echo '<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>游泳池</h3>';
				$mark="b";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}
				echo '<h3>健身房</h3>';
				$mark="c";
				for($i=1;$i<=3;$i++)
				{
					$temp=$wek.$mark.$i;
					echo '<p><input type=checkbox name="'.$temp.'"value="1">啟用時間'.$i.'&nbsp&nbsp&nbsp';
					echo '<select name="'.$temp.'st">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點-<select name="'.$temp.'fn">';
					for($j=0;$j<=23;$j++)
					{echo '<option value="'.$j.'">'.$j.'</option>';}
					echo '</select>點</p>';
				}?>
			</div>
				

	</div>
<p align="center"><input type="submit" value="確認" /></p>
</form>



<p align="center">
<a href="home_page.php">
<img src="../home.png" ></a></p>
<h4>HOME</h4>

</body>
</html>
